@import "../../styles/index.scss";

$popconfirm-prefix-cls: "popconfirm";

@mixin type($color) {
  .icon {
    color: $color;
  }
}

.#{$popconfirm-prefix-cls} {
  padding: 12px 16px;
  color: $black-65;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  @include normalShadow();
  &-header {
    &-content {
      box-sizing: border-box;
      font-weight: 500;
      padding-left: 8px;
    }
  }
  &-content {
    box-sizing: border-box;
    padding: 16px 0 16px 24px;
  }
  &-footer {
    text-align: right;
  }
  &-warning {
    @include type($yellow);
  }
  &-info {
    @include type($blue);
  }
  &-success {
    @include type($green);
  }
  &-error {
    @include type($red);
  }
}
